<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<%@ include file="../include/header.jsp"%>
<%@ include file="../include/cssItems.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>4강의장 4조 프로젝트</title>
<script type="text/javascript">
<%@ include file="../jQuery/jQueryMain.js"%>
</script>
<script type="text/javascript">
$(function(){
	var gnbHr = $('.gnbHr');
	gnbHr.find('>ul>li>ul').hide();
	gnbHr.find('>ul>li>a')
		.mouseover(function(){
			gnbHr
				.find('>ul>li>ul:visible')
				.slideUp(200)
				.parent('li')
				.removeClass('active')
				.find('>a')
				.css('fontWeight','');
			$(this)
				.next('ul:hidden')
				.slideDown(200)
				.parent('li')
				.addClass('active')
				.find('>a')
				.css('fontWeight','bold');
		})
		.focus(function(){
			$(this).mouseover();
		})
		.end()
		.mouseleave(function(){
			gnbHr
				.find('>ul>li>ul')
				.slideUp(200)
				.prev('a')
				.css('fontWeight','');
		});
});
</script>

<decorator:head></decorator:head>
<!-- Head Insert -->
</head>
<body style="background-image: url('${path}/images/images/RecipePatterns_2.jpg');">
	<div id="div_All" style="width:100%; text-align:center;">
		<!-- 전체div -->

		<div id="top" onselectstart="return false" ondragstart="return false" >
			<!-- top div -->

		<div class="gnbHr" style="position:absolute; top:20px; left:120px; font-weight: bold; color: white;" >
		<ul type="none">
		<li><a href="${path }/index.jsp">MAIN</a>
			<ul >
				<li><a href="${path }/recipe/recipe_list.do">RECIPE</a>
				</li>
				<li><a href="${path }/class1/class1_list.do">CLASS</a>
				</li>
				<li><a href="${path }/board/board_list.do">BOARD</a>
				</li>
				<li><a href="${path }/ranking/ranking.do">RANK</a>
					<ul>
						<li><a href="${path}/member/member_list.jsp">Member Ranking</a></li>						
					</ul>
				</li>
				<c:if test="${sessionScope.level == '0' }">
				<li><a href="${path }/admin/admin.jsp">ADMIN</a>
					<ul>
						<li><a href="${path}/admin/admin_class1_list.jsp">Class Manage</a></li>
						<li><a href="${path}/member/member_list.jsp">Member Manage</a></li>
						<li><a href="#">Accounting</a></li>																		
					</ul>
				</li>
				</c:if>
			</ul>
		</li>
		</ul>
		</div>
			<c:choose>
				<c:when test="${sessionScope.userid==null}">
					<span id="guestBox">
						<input type="button" value="Login" id="btnLogin"> 
						<input type="button" value="Join" id="btnJoin">
					</span>
				</c:when>
				<c:otherwise>
				 <c:set var="lv" value="${sessionScope.level}"/>
			 	  <c:if test="${sessionScope.userid=='admin'}"><!-- admin -->
				    <span id="adminBox">
			        <img src="${path}/images/lv/${lv}.gif">
				  	<input type="button" value="Admin" id="btnAdmin">
				  	</span>
				  </c:if>
				  <c:if test="${sessionScope.userid !='admin'}">
				  <span id="userBox">
					  <img src="${path}/images/lv/${lv}.gif"><b> &nbsp;${sessionScope.name}님 &nbsp;Lv ${lv}</b>        
					  <input type="button" value="Info" id="btnMyinfo">
				  </span>
				  </c:if>
				  	   <input type="button" value="Logout" id="btnLogout"
					   onclick="location.href='${path}/member/logout.do';"/>
				</c:otherwise>
			</c:choose>
			<div id="menu_main">  
				<span id="menu_recipe" onmouseover="sp_onmounseover(menu_recipe);" onmouseout="sp_onmounseout(menu_recipe);" style="font-weight: bolder; font-family: Tahoma;">Recipe</span> 
				<span id="menu_class" onmouseover="sp_onmounseover(menu_class);" onmouseout="sp_onmounseout(menu_class);"  style="font-weight: bolder; font-family: Tahoma;">Class</span>
				<span id="menu_freeboard" onmouseover="sp_onmounseover(menu_freeboard);" onmouseout="sp_onmounseout(menu_freeboard);"  style="font-weight: bolder; font-family: Tahoma;">FreeBoard</span> 
				<span id="menu_ranking" onmouseover="sp_onmounseover(menu_ranking);" onmouseout="sp_onmounseout(menu_ranking);"  style="font-weight: bolder; font-family: Tahoma;">Ranking</span>
			</div>
		</div>
		<div id="content" style="padding-left:10; padding-right:10px; padding-bottom:10px; border: 10px solid black; background-image: url('${path}/images/images/RecipePatterns_3.jpg');">
			<decorator:body></decorator:body>
			<!-- Body Insert -->
		</div>
		<!-- footer -->
		<div id="footer" onselectstart="return false"
			ondragstart="return false">Copyright © 2014 To Be A Chef's All
			rights reserved</div>
	</div>
</body>
</html>